<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>Grid and Row expander</title>
		<link rel="stylesheet" type="text/css" href="../../script/extjs/resources/css/ext-all.css" />
		<link rel="stylesheet" type="text/css" href="../../style/icon.css" />
		<style type="text/css">
.x-grid3-body-cell .x-panel {
	margin: 15px;
}

.x-grid3-body-cell .x-panel-body p {
	margin: 5px;
	font-size: 11px;
}
</style>

		<!-- include everything after the loading indicator -->
		<script type="text/javascript" src="../../script/extjs/adapter/ext/ext-base.js"></script>
		<script type="text/javascript" src="../../script/extjs/ext-all.js"></script>

		<!-- GC -->
		<script type="text/javascript" src="../../script/extjs/ux/Ext.ux.grid.RowExpander.js"></script>
		<script type="text/javascript" src="tpl.js"></script>

	</head>

	<body>
		<!-- 
		<div class="x-panel" style="width: 825px;">
			<div class="x-panel-header" style="-moz-user-select: none;">
				<span class="x-panel-header-text">明细:</span>
			</div>
			<div class="x-panel-bwrap">
				<div class="x-panel-body" style="width: 823px; height: auto;">
					<div class="x-list-wrap">
						<div class="x-list-header">
							<div class="x-list-header-inner" style="cursor: pointer;">
								<div style="width: 50%; text-align: left;">
									<em>File</em>
								</div>
								<div style="width: 35%; text-align: left;">
									<em>Last Modified</em>
								</div>
								<div style="width: 15%; text-align: right;">
									<em>Size</em>
								</div>
								<div class="x-clear"></div>
							</div>
						</div>
						<div class="x-list-body">
							<div class="x-list-body-inner">
								<dl>
									<dt style="width: 50%; text-align: left;">
										<em>dance_fever.jpg</em>
									</dt>
									<dt style="width: 35%; text-align: left;">
										<em>04-04 09:43 am</em>
									</dt>
									<dt style="width: 15%; text-align: right;">
										<em>2 KB</em>
									</dt>
									<div class="x-clear"></div>
								</dl>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		 -->

		<!-- <div class="x-panel-bwrap">
			<div class="x-panel-body x-panel-body-noheader" style="width: 823px; height: auto;">
				<div class="x-list-wrap">
					<div class="x-list-header">
						<div class="x-list-header-inner" style="cursor: pointer;">
							<div style="width: 50%; text-align: left;">
								<em>File</em>
							</div>
							<div style="width: 35%; text-align: left;">
								<em>Last Modified</em>
							</div>
							<div style="width: 15%; text-align: right;">
								<em>Size</em>
							</div>
							<div class="x-clear"></div>
						</div>
					</div>
					<div class="x-list-body">
						<div class="x-list-body-inner">
							<dl>
								<dt style="width: 50%; text-align: left;">
									<em>dance_fever.jpg</em>
								</dt>
								<dt style="width: 35%; text-align: left;">
									<em>04-04 09:43 am</em>
								</dt>
								<dt style="width: 15%; text-align: right;">
									<em>2 KB</em>
								</dt>
								<div class="x-clear"></div>
							</dl>
						</div>
					</div>
				</div>
			</div>
		</div> -->

	</body>
</html>
